Vue JS Crash Course 2021

131,998 views131K views

•

Feb 24, 2021

1.48M subscribers

Learn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: https://github.com/bradtraversy/vue-c... Random User Generator: https://codepen.io/bradtraversy/pen/L... Latest Udemy Courses: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 7:17 - User Generator Mini Project (CDN) 21:35 - Vue CLI Setup 24:30 - Files, Dev Server & Cleanup 28:22 - Global Styles 29:06 - Header Component 30:44 - Component Props 32:06 - Button Component 35:25 - Events 36:09 - Task Data & created() Method 38:22 - Tasks Component & v-for Loop 41:09 - Single Task Component 44:34 - Dynamic Classes 45:53 - Emit Events (Delete Task) 52:14 - Toggle Reminder 56:20 - AddTask Component & v-model 1:04:57 - Toggle Form & Template Conditionals 1:11:20 - Building For Production 1:13:33 - JSON-Server Setup 1:17:18 - Refactoring to Use The Backend 1:30:48 - Implementing the Router 1:48:23 - Restrict a Component to a Route

Vue JS Crash Course 2021

Transcript

Chapters

Intro & Slides

User Generator Mini Project (CDN)

Vue CLI Setup

Files, Dev Server & Cleanup

Global Styles

Header Component

Component Props

Button Component

Events

Task Data & created() Method

Tasks Component & v-for Loop

Single Task Component

Dynamic Classes

Emit Events (Delete Task)

Toggle Reminder

AddTask Component & v-model

Toggle Form & Template Conditionals

Building For Production

JSON-Server Setup

Refactoring to Use The Backend

Implementing the Router

Restrict a Component to a Route

Vue.js 3 Tutorial

Vue JS 2 Tutorial

Vue js tutorial in Hindi

People also watched

vue js tutorial for beginners